<style lang="less">
  @import './login.less';
</style>


<template>
  <div class="login" @keydown.enter="handleLogin">
    <div class="login-con">
      <Card icon="log-in" title="欢迎登录" :bordered="false">
        <div style="color: #ed3f14;line-height:1;margin-left: 70px;">{{loginError}}</div>
        <div class="form-con">
          <login-form @on-success-valid="handleSubmit"></login-form>
          <p class="login-tip">输入用户名和密码即可登录</p>
        </div>
      </Card>
    </div>
  </div>
</template>

<script>
  import loginForm from '_c/login-form'
  import {login} from '../../api/user'
  import urlSource from '../../api/urlSource'
  import {mapActions} from 'vuex'
  // import routes from '../../router/routers'
  // import Main from '@/view/main'

  export default {
    components: {
      loginForm
    },
    data(){
      return {
        loginError: ''
      }
    },
    methods: {
      ...mapActions([
        'handleLogin',
        'getUserInfo'
      ]),
      handleSubmit({userName, password}) {
        // let data = {
        //   userName: userName,
        //   password: password
        // }
        // let url = urlSource.apiUrl + "authorize/login";
        // this.$http.post(url, data).then(res => {
        //   console.log(res)
        // }).catch(err => {
        //
        // })

        this.handleLogin({userName, password}).then(res => {
          this.$Message.success('登录成功!');
          this.$router.push({
            name: 'home'
          })

          // console.log(this.$router)
          // let isAdminMenu = '';
          // let isSuperadminFn = function() {
          //   return this.$store.state.user.superFlag!=2 ? true : false;
          // }
          //
          // if(isSuperadminFn){
          //   isAdminMenu = [
          //     {
          //       path: '/parking',
          //       name: 'parking',
          //       meta: {
          //         icon: 'social-buffer',
          //         title: '停车管理'
          //       },
          //       component: Main,
          //       children: [
          //         {
          //           path: 'lot',
          //           name: 'lot',
          //           meta: {
          //             icon: 'arrow-graph-up-right',
          //             title: '停车场管理'
          //           },
          //           component: () => import('../parking/lot.vue')
          //         },
          //         {
          //           path: 'space',
          //           name: 'space',
          //           meta: {
          //             icon: 'arrow-graph-up-right',
          //             title: '停车位管理'
          //           },
          //           component: () => import('../parking/space.vue')
          //         },
          //       ]
          //     },
          //     {
          //       path: '/user',
          //         name: 'user',
          //         meta: {
          //         icon: 'social-buffer',
          //           title: '企业用户管理'
          //       },
          //       component: Main,
          //         children: [
          //         {
          //           path: 'userIndex',
          //           name: 'userIndex',
          //           meta: {
          //             icon: 'arrow-graph-up-right',
          //             title: '用户列表'
          //           },
          //           component: () => import('../user/index.vue')
          //         },
          //         {
          //           path: 'orgIndex',
          //           name: 'orgIndex',userNameRules
          //           meta: {
          //             icon: 'arrow-graph-up-right',
          //             title: '机构列表'
          //           },
          //           component: () => import('../org/org.vue')
          //         },
          //       ]
          //     }
          //   ]
          // }else{
          //   isAdminMenu = [];
          // }
          // this.$router.addRoutes(isAdminMenu);

          // this.getUserInfo().then(res => {
          //   this.$router.push({
          //     name: 'home'
          //   })
          // })
        }).catch(err => {
          this.loginError = '账户名或密码错误!';
        })

      }
    }
  }
</script>

<style>

</style>
